.container {
    width: 1170px;
    height: 800px;
    background: #eef5f9;
    padding: 0;
    position: relative;
}

.div {
    position: relative;
    margin: 0;
}

.container-title {
    position: relative;
    width: 1170px;
    height: 48px;
    padding: 12px;
    background: #fff;
}

img {
    vertical-align: text-bottom;
}

.title-name {
    color: #575a64;
}

.row {
    position: relative;
    margin: 16px 16px 0px 16px;
    height: 688px;
    background: #fff;
}

.search {
    height: 36px;
    margin: 24px 16px 16px 16px;
}

.btn {
    padding: 2px 24px;
}

.list-title {
    background: #fafafa;
}

.list-content {
    border-bottom: 1px solid #e8e8e8;
}

.split-page {
    width: 520px;
    height: 48px;
    position: absolute;
    bottom: 0;
    right: 16px;
}

.btn-group {
    margin-left: 10px;
}

.dropdown {
    display: inline-block;
}

.dropdown-toggle {
    background-color: #fff;
    border-color: #ccc;
}

.page-number {
    width: 58px;
    text-align: center;
    padding: 2px 24px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.footer {
    height: 24px;
    width: 400px;
    text-align: center;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #ccc;
}